<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>animate.css 动画库练习</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
    <style>
        div {
            background-color: darkkhaki;
            border-radius: 10px;
            margin: 20px auto;
            width: 600px;
            padding: 20px;
            line-height: 1.5;
        }

        h2 {
            animation-delay: 1s;
        }

        p {
            animation-delay: 1.5s;
        }

    </style>
</head>

<body>
    <div>
        <h1 class="animated fadeIn">《惠崇春江晚景二首 / 惠崇春江晓景二首》</h1>
        <h2 class="animated fadeIn">作者：苏轼</h2>
        <p class="animated fadeIn">竹外桃花三两枝，春江水暖鸭先知。
            蒌蒿满地芦芽短，正是河豚欲上时。
            两两归鸿欲破群，依依还似北归人。
            遥知朔漠多风雪，更待江南半月春。</p>
    </div>

</body>

</html>
